<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2023-06-07 09:09:40
 * @LastEditors: huangtianyang
 * @LastEditTime: 2024-02-23 14:37:31
 * @FilePath: \cxl-admin\src\pages\consumeManage\consume\list\Index.vue
-->
<template>
    <section class="page-box">
        <TemplateVue
            :page="data.pageData"
            @search="data.onSearch"
            @reset="data.onReset"
            @paginationChange="data.onPaginationChange"
            @paginationSize="data.onPaginationSize"
            @operation="data.onOperation"
        >
        </TemplateVue>
        <!-- <el-drawer v-model="drawer" title="I am the title" :with-header="false" :size="460">
            <div class="report-box">
                <iframe :src="data.reportUrl" frameborder="0"></iframe>
            </div>
        </el-drawer> -->
    </section>
</template>

<script setup lang="ts">
import TemplateVue from '@/components/template/Index.vue'
import { reactive, ref } from 'vue'
import ConsumeList from '.'
const drawer = ref(true)
const data = reactive(new ConsumeList())
</script>
<style scoped lang="scss">
.report-box,
iframe {
    width: 100%;
    height: 100%;
}
</style>
